<template>
    <div class="main-page-content">
        <MainUserLine></MainUserLine>
        <RecommendedPlaylist></RecommendedPlaylist>
        <RecommendedSingerlist></RecommendedSingerlist>
        <MusicListCard title="最近播放"></MusicListCard>
        <MusicListCard title="热门歌曲"></MusicListCard>
    </div>
</template>

<script setup>
import MainUserLine from '../user/MainUserLine.vue';
import RecommendedPlaylist from '../card/RecommendedPlaylist.vue';
import RecommendedSingerlist from '../card/RecommendedSingerlist.vue';
import MusicListCard from '../card/MusicListCard.vue';
</script>

<style scoped lang="less">
.main-page-content {
    display: flex;
    flex-direction: column;
    gap: 3vw;
}
</style>
